<template>
  <div>
      <div class="ead1">
        <div class="eea1"><img src="img/w0.jpg"></div>
        <div class="eea2">
            <b @click="fun()">{{userInfo.userName || '登录/注册'}}</b>
            <p><img src="img/bk1.jpg"></p>
        </div>
      </div>
  </div>
</template>

<script>
    import {mapState} from 'vuex'

export default {
    computed: {
        ...mapState(['userInfo'])
    },
    components: {

    },
    methods:{
        fun(){
            this.$router.push({name:"den"})
        }
    }
}
</script>

<style scoped>
div{
    width: 94%;
    height: .75rem;
}
.ead1{
    width: 100%;
    height: 100%;
    display: flex;
    margin-top: .38rem;
}
.ead1 .eea1{
    width: .7rem;
    height: 100%;
    margin-right: .1rem;
}
.ead1 .eea2{
    width: 1rem;
    height: 100%;
}
.ead1 .eea1 img{
    width: 100%;
    height: 100%;
}
.ead1 .eea2 b{
    line-height: .45rem;
}
.ead1 .eea2 p{
    width: .83rem;
    height: .2rem;
}
.ead1 .eea2 p img{
    width: 100%;
    height: 100%;
}
</style>
